.role-drawer {
  .ant-drawer-body {
    padding: 0 !important;
    overflow: hidden !important;
  }
}

.role-table {
  .ant-table-cell-row-hover {
    background: hsl(257deg 100% 60% / 5%) !important;
  }
}

.role-input {
  background: #f3f3f3 !important;
  border-radius: 5px !important;
}

.role-form-input {
  background: #e2e2e2 !important;
  border-radius: 5px !important;
}

.role-select {
  background: #f3f3f3 !important;
  border-radius: 5px !important;
}

.role-form-select {
  background: #e2e2e2 !important;
  border-radius: 5px !important;
}

.role-tag {
  background: #eaeaea !important;
  border-width: 0 !important;
  border-radius: 5px !important;
}

.role-new-modal {
  .ant-modal-content {
    border-radius: 10px !important;
  }

  .ant-form-item-control {
    max-width: 100% !important;
  }

  .ant-select-selector {
    border: none !important;
    background: #f3f3f3 !important;
  }

  .ant-form-item {
    margin-bottom: 4px !important;
  }

  .ant-collapse {
    border-radius: 10px !important;
  }

  .ant-collapse-header {
    align-items: center !important;
  }
}

.role-modal-title {
  margin: 0;
  color: rgba(0, 0, 0, 0.88);
  font-weight: 600;
  font-size: 16px;
  line-height: 1.5;
  word-wrap: break-word;
}

.role-rule-add {
  border: 1px solid #919eab33;
  border-radius: 16px;
  margin-top: 20px;
}

.role-rule-add {
  .ant-collapse-content {
    background-color: #FBFCFF !important;
  }

  .ant-collapse-content-box {
    background-color: #FBFCFF
  }

}


.share-link-modal-dropdown .ant-cascader-menu-item {
  max-width: 300px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: auto;
}